<template>
	<view class="content">
		<!-- 核酸检测报告ncReport -->
		<view class="card" v-for="item in personInfo" :key="item.age">
			<view class="item">
				<text>姓名:</text>
				<text>{{ item.name }}</text>
			</view>
			<view class="item">
				<text>身份证号码:</text>
				<text>{{ item.pNum }}</text>
			</view>
			<view class="item">
				<text>年龄:</text>
				<text>{{ item.age }}岁</text>
			</view>
			<view class="item">
				<text>送检查科室:</text>
				<text>{{ item.office }}</text>
			</view>
			<view class="item">
				<text>申请医师:</text>
				<text>{{ item.doctor }}</text>
			</view>
			<view class="item">
				<text>标本种类:</text>
				<text>{{ item.spices }}</text>
			</view>
			<view class="item">
				<text>标本编号:</text>
				<text>{{ item.num }}</text>
			</view>
			<view class="item">
				<text>检测方法:</text>
				<text>{{ item.method }}</text>
			</view>
			<view class="item">
				<text>采样日期:</text>
				<text>{{ item.sampTime }}</text>
			</view>
		</view>
		<view
			class="card"
			@click="go"
			v-for="item in reportInfo"
			:key="item.item"
		>
			<view class="item"><text>检测报告</text></view>
			<view class="item">
				<text>项目：</text>
				<text class="item">{{ item.item }}</text>
			</view>
			<view class="item">
				<text>检测结果：</text>
				<text class="result">{{ item.result }}</text>
			</view>
		</view>
		<view class="card" v-for="item in detailInfo" :key="item.aduditP">
			<view class="item">
				<text>采样日期：</text>
				<text>{{ item.sampTime }}</text>
			</view>
			<view class="item">
				<text>报告日期：</text>
				<text>{{ item.reportTime }}</text>
			</view>
			<view class="item">
				<text>检验人员：</text>
				<text>{{ item.checkP }}</text>
			</view>
			<view class="item">
				<text>审核人员：</text>
				<text>{{ item.aduditP }}</text>
			</view>
		</view>
	</view>
</template>

<script setup>
import { reactive } from 'vue'
let personInfo = reactive([
	{
		id: 1,
		name: '小鸡子',
		pNum: '378909199870098978',
		age: 20,
		office: '保健科',
		doctor: '王静',
		spices: '鼻咽拭子',
		num: '23434',
		method: '实时荧光定量（PCR）技术',
		sampTime: '2022-10-01'
	}
])
let reportInfo = reactive([{ item: '新型冠状病毒核酸检测', result: '阴性' }])
let detailInfo = reactive([
	{
		sampTime: '2020-09-09',
		reportTime: '2020-09-10',
		checkP: '王静',
		aduditP: '李凤'
	}
])
let go = () => {
	uni.navigateTo({
		url: '/pages/outpatientCare/expenseDetail/expenseDetail'
		// url:'/pages/hospitalExpense/priceDetail/priceDetail'
	})
}
</script>

<style lang="less">
.content {
	margin: 50rpx 30rpx;
	.card {
		margin: 30rpx 0;
		background-color: #f5f9ff;
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		color: #797979;
		font-size: 25rpx;
		border: 1px solid #f5f5f5;
		border-radius: 10rpx;
		padding: 10rpx 30rpx;
		.item {
			margin-top: 30rpx;
			text {
				margin-right: 20rpx;
			}
			.item {
				color: black;
			}
			.result {
				color: #2ed477;
			}
		}
	}
}
</style>
